<?php
	//-------------------------------------------------------------------
	// Este formulario se llama desde mensajes.html.php
	// es para que el usuario pueda informar el pago y ver los datos bancarios
	//-------------------------------------------------------------------
?>
<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/date.js"></script>
<script type="text/javascript" src="<?php echo URL;?>/js/datepicker/jquery.datePicker.js"></script>
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/datepicker.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo URL;?>/js/datepicker/demo.css" type="text/css" media="screen" />

<form action='<?php echo URL;?>/user/mensaje-informar-pago.php' method='post' enctype="multipart/form-data" id='frm_informar_pago'>		



		<h4 style='margin-left:20px;'><?php echo $ElMensaje['titulo'];?></h4>
		
		<div class='alert alert-danger' style='margin-left:20px;width:700px;'>
			<strong>ENVIAR COMPROBANTE DE PAGO: </strong>
			Deberás enviar el comprobante para informar el pago y darle curso a la reserva.</div>		
		<div class='span12' style='text-align:left;'>
			<table style='width:100%;'>
				<tr>
					<td style='width:40%' rowspan='2'>
						<textarea name='data[informe_pago]' style='font-size:12px;' rows='4' class='span12' required
						placeholder='Complete este campo con los datos del cupon de pago, indicando: Banco - Titular de la cuenta - Nro de operacion - etc.' ></textarea>
					</td>
					<td style='text-align:right;'><b>Adjuntar<br>Comprobante:</b>
					<td colspan='2'>
						<input type='file' name='comprobante'  class='btn' style='font-size:12px;' required>
					</td>
				</tr>
				<tr>
					<td style='text-align:right;'><b>Fecha de Pago:&nbsp;</b>
					<td>
						<input type='text' name="data[fecha_informe]" id="start-date" class="date-pick"  readonly style='width:90px;cursor:pointer;' required value='<?php echo date("d/m/Y");?>'/>
					</td>
					<td>
						<input type='hidden' name='data[id]' value='<?php echo $ElMensaje['id'];?>'>
						<input type='hidden' name='data[producto_id]' value='<?php echo $ElMensaje['producto_id'];?>'>
						<input type='hidden' name='data[usuario_id]' value='<?php echo $ElMensaje['usuario_id'];?>'>
						<button type="button" id='botonenviar' class="btn btn-danger btn-block" title='Haga click aquí informar del pago realizado' style='float:right;margin-right:50px;'>Informar Pago
							<img src='<?php echo URL;?>/img/loading.gif' id='img_enviado' style='display:none;float:right;'>
						</button>
					</td>
				</tr>
			</table>
			<div class='alert' style='width:700px;'><strong>INFORMACION</strong> Una vez informado el pago de la reserva, podrá visualizar los datos de contacto del alojamiento.</div>
		</div>
		<div class='clearfix'></div>

		
		<div class='alert alert-success' style='margin-left:20px;width:700px;'><strong>INFORMACION BANCARIA</strong> Datos para realizar la transferencia en concepto de la reserva realizada.</div>
		<div class='span5'>
			<textarea rows='5' class='span12' readonly style='font-size:12px;cursor:pointer;'><?php echo $Bank['datos_bancarios'];?></textarea>
		</div>
		<div class='span6'>
			<table style='width:100%;'>
				<tbody>
				<tr>
					<td style='width:85px;text-align:right;'><b>Ingreso:</b></td>
					<td>
						<input type='text' name="x[desde]" readonly style='width:77px;' value='<?php echo $desde;?>'/>
					</td>
					<td style='width:85px;text-align:right;'><b>Egreso:</b></td>
					<td>
						<input type='text' name="x[hasta]" readonly style='width:77px;' value='<?php echo $hasta;?>' />
					</td>
				</tr>
				<tr>
					<td style='width:85px;text-align:right;'><b>Cant.Adultos:</b></td>
					<td><input type='text' name="x[adultos]" readonly style='width:77px;text-align:right;' value='<?php echo $adultos;?>' /></td>
					<td style='width:85px;text-align:right;'><b>Cant.Menores:</b></td>
					<td><input type='text' name="x[menores]" readonly style='width:77px;text-align:right;' value='<?php echo $menores;?>' /></td>
				</tr>
				<tr >
					<td style='width:85px;text-align:right;'><b>Total: $</b></td>
					<td>
						<input type='text' name="x[total]" readonly style='width:77px;text-align:right;' 
							value='<?php echo number_format($ElMensaje['total'],2,',','.');?>' />
					</td>
					<td style='width:85px;text-align:right;'><b>Reserva: $</b></td>
					<td>
						<input type='text' name="x[reserva]" readonly style='width:77px;text-align:right;' 
							value='<?php echo number_format($ElMensaje['reserva'],2,',','.');?>' />
					</td>
				</tr>
				</tbody>
			</table>
		</div>
		<div class='clearfix'></div>
	

</form>

<style>
a.dp-choose-date {
	background: url(<?php echo URL;?>/js/datepicker/calendar.png) no-repeat !important;
}
</style>

<script type="text/javascript">
	jQuery(function () {
		$("#botonenviar").click( function() {    
			jQuery('#img_enviado').show();
			$( "#frm_informar_pago" ).submit();
			jQuery('#botoneviar').attr("disabled", "disabled");			
		});
		
		$('.date-pick').datePicker(
			{
				clickInput:true,
				startDate: '<?php echo date("d/m/Y",(time()-(60*60*24*60)));?>',
				endDate: (new Date()).asString()
			}
		);
		
	});
</script>
